<%@ taglib uri="http://jawr.net/tags" prefix="jwr" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; UTF-8">
	<title>O bar da vez</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
    <jwr:style src="/bundles/all.css" />
    <jwr:script src="/bundles/all.js"/>
    
    
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">  
<!--   	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">   -->
<!-- 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  -->
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
    <style type="text/css">
	    .bs-example{
	    	margin: 0px;
	    }
	</style>	
	
</head>
<body ng-app="aplicacao" id="ng-app" ng-controller="init">
	<div ng-include="'placeHolder.jsp'"></div>
	<div ng-controller="parceiro">
		<div ng-include="'topo.jsp'"></div>
		
		<div class="centercolumn">
			<div class="bar-header">	
				<div class="obardavez-form">
					<form id="adminForm" action="#" method="post" >
						<section>
							<div class="title">
							  <h3>Administração do Bar</h3>
							  <p>Clique nos menus abaixo para atualizar suas informações.</p>							  							
							</div>
						</section>	
						
						<div class="bs-example">
						    <div class="panel-group" id="accordion">
						        <div class="panel panel-default">
						            <div class="panel-heading">
						                <h4 class="panel-title">
						                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><strong>Dados Cadastrais</strong></a>
						                </h4>
						            </div>
						            <div id="collapseOne" class="panel-collapse collapse in">
						                <div class="panel-body">
						                    <div class="obardavez-form">
												<form id="form" action="" method="post" >
													<!-- <section>-->
														<!-- <div class="title">
														  <h3>Dados de acesso</h3>
														  <p>Necessário para acessar o "O Bar da Vez"</p>
														</div> -->
									                    <div class="fields-container">
															  <div class="grid-full">
																	<div class="field name">
																	  <label>Nome do responsável</label>
																	  <input ng-model="ctrl_cadastro.cadastro.nome" name="nome" placeholder="Proprietário ou Administrador (Nome Completo)" size="30" type="text" value="" />
																	</div>
															  </div>
															  
															  <br clear="all" />
							
															  <div class="grid-half-left">
																	<div class="field email">
																	  <label>E-mail</label>
																	  <input ng-model="ctrl_cadastro.cadastro.email" name="email" placeholder="admin@restaurante.com" size="30" type="text" value="" />
																	</div>
															  </div>
															  <div class="grid-half-right">
																	<div class="field telephone">
																	  <label>Telefone</label>
																	  <input ng-model="ctrl_cadastro.cadastro.telefone" id="telefone" name="telefone" placeholder="(00)0000-0000" size="30" type="text" value="" />
																	</div>
															  </div>
															  <br clear="all" />
															  
															  <div class="grid-half-left">
																	<div class="field password">
																	  <label>Senha</label>
																	  <input ng-model="ctrl_cadastro.cadastro.senha" name="senha" placeholder="Senha para acesso ao Livro de Reservas" size="30" type="password" />
																	</div>
															  </div>
															  <div class="grid-half-right">
																	<div class="field password-confirmation">
																	  <label>Confirmação de senha</label>
																	  <input ng-model="ctrl_cadastro.cadastro.conf_senha" name="conf_senha" placeholder="Confirmação de senha" size="30" type="password" />
																	</div>
															  </div>
															  <br clear="all" />
														</div>													
													<!-- </section> -->
												</form>
						                	</div>
						                </div>
						            </div>
						        </div>
						        
						        <div class="panel panel-default">
						            <div class="panel-heading">
						                <h4 class="panel-title">
						                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"><strong>Fotos</strong></a>
						                </h4>
						            </div>
						            <div id="collapseTwo" class="panel-collapse collapse">
						                <div class="panel-body">
							                <div class="obardavez-form">
												<form id="fotosForm" >
													<!--  <section>
														<div class="title">
															  <h3>Fotos</h3>
											                  <p>Selecione as fotos que serão exibidas na página do 
															  seu estabelecimento.</p>
															  <p>Para alterar uma ou mais fotos escolhidas anteriormente, 
															  clique no botão para selecionar a nova foto e depois clique no botão Enviar.</p>
														</div>-->
														<p>Selecione as fotos que serão exibidas na página do 
														  seu estabelecimento.</p>
														  <p>Para alterar uma ou mais fotos escolhidas anteriormente, 
														  clique no botão para selecionar a nova foto e depois clique no botão Enviar.</p>
													   <div class="fields-container">
														  <div class="grid-half-left">
																<div class="field foto1">
																  <label>Foto 1</label>																	  
																</div>
																<ul class="thumbnails">
																	<li class="span4">
																		<div>
																			<img src="http://placehold.it/300x200" alt="">
																			<p></p>
																			<input ng-model="unidade.foto1" name="foto1" placeholder="Foto 1" size="30" type="file" value="" />
																			
																		</div>																
																	</li>																			
																</ul>
														  </div>
														  
														  
														  <div class="grid-half-right">
																<div class="field foto2">
																  <label>Foto 2</label>																	  
																</div>
																
																<ul class="thumbnails">
																	<li class="span4">
																		<div>
																			<img src="http://placehold.it/300x200" alt="">
																			<p></p>
																			<input ng-model="unidade.foto2" name="foto2" placeholder="Foto 2" size="30" type="file" value="" />
																			
																		</div>																
																	</li>																			
																</ul>
														  </div>
														  
														  <br clear="all" />
														  
														  <div class="grid-half-left">
																<div class="field foto3">
																  <label>Foto 3</label>																	  
																</div>
																<ul class="thumbnails">
																	<li class="span4">
																		<div>
																			<img src="http://placehold.it/300x200" alt="">
																			<p></p>
																			<input ng-model="unidade.foto3" name="foto3" placeholder="Foto 3" size="30" type="file" value="" />
																			
																		</div>																
																	</li>																			
																</ul>
														  </div>
														  
														  
														  <div class="grid-half-right">
																<div class="field foto4">
																  <label>Foto 4</label>																	  
																</div>
																
																<ul class="thumbnails">
																	<li class="span4">
																		<div>
																			<img src="http://placehold.it/300x200" alt="">
																			<p></p>
																			<input ng-model="unidade.foto4" name="foto4" placeholder="Foto 4" size="30" type="file" value="" />
																			
																		</div>																
																	</li>																			
																</ul>
														  </div>
														  
														  <br clear="all" />
														  
														  <div class="grid-half-left">
																<div class="field foto5">
																  <label>Foto 5</label>																	  
																</div>
																<ul class="thumbnails">
																	<li class="span4">
																		<div>
																			<img src="http://placehold.it/300x200" alt="">
																			<p></p>
																			<input ng-model="unidade.foto5" name="foto5" placeholder="Foto 5" size="30" type="file" value="" />
																			
																		</div>																
																	</li>																			
																</ul>
														  </div>
														  
														  
														  <div class="grid-half-right">
																<div class="field foto6">
																  <label>Foto 6</label>																	  
																</div>
																
																<ul class="thumbnails">
																	<li class="span4">
																		<div>
																			<img src="http://placehold.it/300x200" alt="">
																			<p></p>
																			<input ng-model="unidade.foto6" name="foto6" placeholder="Foto 6" size="30" type="file" value="" />
																			
																		</div>																
																	</li>																			
																</ul>
														  </div>
														  
														  <p></p>
														  <br clear="all" />
														  <a class="btn btn-inverse" href="#" ng-click="ctrl_administrabar.saveFotos()"> {{getProperty('enviar')}} <i class="icon-chevron-right icon-white"></i></a>
														</div>
													<!--  </section>-->
												</form>
											</div>
						                </div>
						            </div>
						        </div>
						        <div class="panel panel-default">
						            <div class="panel-heading">
						                <h4 class="panel-title">
						                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><strong>Programação</strong></a>
						                </h4>
						            </div>
						            <div id="collapseThree" class="panel-collapse collapse">
						                <div class="panel-body">
						                    <div class="obardavez-form">
												<form id="programacaoForm">
													<!--  <section>
														<div class="title">
														  <h3>Programação</h3>
														  <p>Para cadastrar uma programação (show, evento) do seu bar 
															preencha o formulário abaixo.</p>
														</div>-->
														<p>Para cadastrar uma programação (show, evento) do seu bar 
														preencha o formulário abaixo.</p>
													   <div class="fields-container">
														  <div class="grid-half-left">
																<div class="field data">
																  <label>Data</label>
																  <input ng-model="unidade.data" name="data" placeholder="Data" size="30" type="date" value="" />
																</div>
														  </div>
														  
														  <div class="grid-half-right">
																<div class="field horario">
																  <label>Horário</label>
																  <input ng-model="unidade.horario" name="horario" placeholder="20:00" size="30" type="time" value="" />
																</div>
														  </div>
														  
														  <br clear="all" />
														  
														  <div class="grid-full">
																<div class="field atracao">
																  <label>Atração</label>
																  <input ng-model="unidade.atracao" name="atracao" placeholder="Descrição da programação" size="30" type="text" value="" />
																</div>
														  </div>
														  
														  <br clear="all" />
														  
														  <div class="grid-full">
																<div class="field atracao">
																  <label>Informações Adicionais (não obrigatório)</label>
																  <textarea ng-model="unidade.info" name="info" placeholder="Detalhes da programação" size="30" value=""></textarea>
																</div>
														  </div>
														  
														  <p></p>
														  <br clear="all" />
														  <a class="btn btn-inverse" href="#" ng-click="ctrl_administrabar.saveProgramacao()"> {{getProperty('enviar')}} <i class="icon-chevron-right icon-white"></i></a>
														</div>
													<!-- </section>-->
												</form>
											</div>
						                </div>
						            </div>
						        </div>
						        <div class="panel panel-default">
						            <div class="panel-heading">
						                <h4 class="panel-title">
						                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour"><strong>Promoções</strong></a>
						                </h4>
						            </div>
						            <div id="collapseFour" class="panel-collapse collapse">
						                <div class="panel-body">
						                    <div class="obardavez-form">
												<form id="promocaoForm">
													<!--  <section>
														<div class="title">
														  <h3>Promoções</h3>
														  <p>Para cadastrar uma promoção do seu bar 
															preencha o formulário abaixo.</p>
														</div>-->
														<p>Para cadastrar uma promoção do seu bar 
														preencha o formulário abaixo.</p>
													   <div class="fields-container">
														  <div class="grid-full">
																<div class="field titulo">
																  <label>Título da Promoção</label>
																  <input ng-model="unidade.titulo" name="titulo" placeholder="Promoção dois em um" size="30" type="text" value="" />
																</div>
														  </div>
														  
														  <br clear="all" />
														  															  
														  <div class="grid-full">
																<div class="field descricao">
																  <label>Descrição da Promoção</label>
																  <input ng-model="unidade.descricao" name="descricao" placeholder="Compre dois chopps e pague um" size="30" type="text" value="" />
																</div>
														  </div>
														  
														  <br clear="all" />
														  
														  <div class="grid-half-left">
																<div class="field inicio">
																  <label>Início</label>
																  <input ng-model="unidade.inicio" name="inicio" placeholder="Data de início da promoção" size="30" type="date" value="" />
																</div>
														  </div>
														  
														  <div class="grid-half-right">
																<div class="field termino">
																  <label>Término (não obrigatório)</label>
																  <input ng-model="unidade.termino" name="termino" placeholder="Data de término da promoção" size="30" type="date" value="" />
																</div>
														  </div>
														  
														  <p></p>
														  <br clear="all" />
														  <a class="btn btn-inverse" href="#" ng-click="ctrl_administrabar.savePromocao()"> {{getProperty('enviar')}} <i class="icon-chevron-right icon-white"></i></a>
														</div>
													<!--  </section>-->
												</form>
											</div>
						                </div>
						            </div>
						        </div>
						        <div class="panel panel-default">
						            <div class="panel-heading">
						                <h4 class="panel-title">
						                    <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive"><strong>Cardápio</strong></a>
						                </h4>
						            </div>
						            <div id="collapseFive" class="panel-collapse collapse">
						                <div class="panel-body">
						                    <p>CSS stands for Cascading Style Sheet. CSS allows you to specify various style properties for a given HTML element such as colors, backgrounds, fonts etc. <a href="http://www.tutorialrepublic.com/css-tutorial/" target="_blank">Learn more.</a></p>
						                </div>
						            </div>
						        </div>
						    </div>
						</div>						
						
					</form>	
				</div>									
			</div>
		</div>
		
		
		<div ng-include="'footer.jsp'"></div>
		
		
	</div>

</body>
</html>